<template>
  <div>
 <div class="switchLogin">
    <el-menu
          default-active="1"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-user"></i>
              <span>开发组</span>
            </template>
            <el-menu-item-group>
              <template slot="title">登录用户</template>
              <el-menu-item index="1-1">admin</el-menu-item>
            </el-menu-item-group>
            <el-menu-item-group title="系统操作">
              <el-menu-item index="1-2">清除本地数据</el-menu-item>
              <el-menu-item index="1-3" @click="ClickChangePsw">修改登录密码
                <change-psw v-show="isShow='true'"></change-psw>

              </el-menu-item>

              <el-menu-item index="1-4">修改我的信息</el-menu-item>

              <el-menu-item index="1-5">退出登录</el-menu-item>

            </el-menu-item-group>
          </el-submenu>
        </el-menu>
 </div>
  </div>
</template>

<script>
import ChangePsw from './ChangePsw.vue';
export default {
  name: "  SwitchLogin",

  components:{
    ChangePsw


  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
     ClickChangePsw(){
       this.isShow=!this.isShow;

    }
  },
};
</script>

<style lang="less">

.switchLogin{
  width: 200px;
  position:absolute;
  right: 0;


}




</style>